

#searchbox {
  position:absolute;
  top:5px;
  left:5px;
  height:30px;
  right:5px;
  padding:10px 0 0 10px;
  background-color:#bbddff;
}

#loading {
  display:none;
  width:66px;
  height:66px;
  top:50%;
  left:50%;
  margin-left:-33px;
  margin-top:-33px;
  background-image:url(loading.gif);
  position:absolute;
  -moz-border-radius:33px;
}

#booklist {
  position:absolute;
  top:50px;
  bottom:5px;
  left:5px;
  right:5px;
  background-color:#bbddff;
  overflow:hidden;
}

#booklist .work {
  text-align:center;
  display:none;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  overflow:auto;
  width:100%;
}

#booklist .book {
  background-image:url(round-back.png);
  background-repeat:repeat-x;
  background-color:lightblue;
  min-height:30px;
  position:relative;
}

#booklist .book .title {
  position:absolute;
  top:0;
  font-size:10px;
  background-color:#bef;
  left:2px;
}

#booklist .book .chapter {
  background-image:url(round-back.png);
  background-repeat:repeat-x;
  background-color:#bbddff;
  float:left;
  border-left:1px solid;
  margin-left:-1px;
  padding:15px 0 0;
  font-size:6px;
  height:15px;
  text-align:center;
  cursor:pointer;
}

#booklist .book .chapter:hover {
  background-color:#def!important;
}

#booklist .book .chapter.results:hover {
  background-color:#fed!important;
}

#booklist .book .chapter.ch0{
  border-left:none;
  margin-left:0;
}

#hovertext {
  position:fixed;
  top:0px;
  left:0px;
  display:none;
  background-color:white;
  border:1px solid #ccc;
  font-size:10px;
  padding:2px 4px;
}

#hovertext div.clickable {
  text-decoration:underline;
  color:blue;
  cursor:pointer;
}


/** iframe stuff **/

#back {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:.7;
  background-color:black;
  display:none;
}

#singleshow {
  position:fixed;
  overflow-y:auto;
  overflow-x:hidden;
  left:50%;
  top:50%;
  width:50%;
  height:500px;
  margin-left:-25%;
  margin-top:-250px;
  background-color:white;
  border:1px solid black;
  display:none;
}

#singleshow .highlight {
  background-color:#ff8;
}

#singleshow .jumprow {
  position:absolute;
  top:40px;
  height:20px;
  left:0;
  right:0;
  font-variant:small-caps;
  font-size:.8em;
  padding-left:10px;
}

#singleshow .jumprow .expand, #singleshow .jumprow .collapse {
  color:blue;
  cursor:pointer;
}

#singleshow .results {
  padding:0 30px;
  position:absolute;
  overflow:auto;
  top:60px;
  bottom:0;
  left:0;
  right:0;
}

#singleshow .results div {
  padding-top:5px;
}
#singleshow .results .crumb {
  display:none;
}
#singleshow #contents div:hover {
  background-image:url(expand.png);
  background-repeat:no-repeat;
  background-position:5px 0;
}
#singleshow .results sup {
  position:absolute;
  margin-top:-5px;
}
#singleshow .results a {
  margin-left:8px;
}

#singleshow .results .jump {
  position:fixed;
  background-color:white;
  margin-top:-20px;
  width:450px;
}

#singleshow .breadcrumb {
  height:50px;
  width:2000px;
}

#singleshow .breadcrumb .crumb {
  margin:5px;
  padding:5px;
  background-color:#ccc;
  border:1px solid white;
  -moz-border-radius:12px;
  cursor:pointer;
  float:left;
  position:relative;
}

#singleshow .breadcrumb .crumb .delete {
  background-image:url(close.png);
  background-position:0 0;
  position:absolute;
  right:-2px;
  top:-2px;
  width:16px;
  height:16px;
  cursor:pointer;
  display:none;
}

#singleshow .breadcrumb .crumb:hover .delete {
  display:block;
}

#singleshow .breadcrumb .crumb .delete:hover {
  background-position:32px 0;
}

#singleshow .breadcrumb .crumb.selected {
  background-color:#eee;
  border-color:black;
}
